<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2021/12/13
  Time: 17:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/center/nav.css"/>
<el-drawer
        v-model="option.pcShrink"
        :direction="'ltr'"
        :size="250"
        title="信用卡管理系统"
>
    <el-scrollbar height="90vh">
        <el-card style="margin-bottom: 5px">
            <el-icon class="nav-logo" style="padding-left: 15px">
                <i class="fa fa-tachometer" aria-hidden="true"></i>
            </el-icon>
            <span class="nav-logo">
        仪表盘
    </span>
        </el-card>
        <el-card>
            <el-menu
                    :default-active="'<%=request.getParameter("index")==null?1:request.getParameter("index")%>'"
            >
                <el-menu-item index="1" onClick="location.assign('${pageContext.request.contextPath}/center/')">
                    <el-icon>
                        <i class="fa fa-home" aria-hidden="true"></i>
                    </el-icon>
                    <span>主页</span>
                </el-menu-item>
                <el-sub-menu index="2">
                    <template #title>
                        <el-icon>
                            <i class="fa fa-user-o" aria-hidden="true"></i>
                        </el-icon>
                        <span>个人中心</span>
                    </template>
                    <el-menu-item index="userSafe"
                                  onClick="location.assign('${pageContext.request.contextPath}/center/?index=userSafe')">
                        安全中心
                    </el-menu-item>
                    <el-menu-item index="2-3" @click="loginOut">
                        退出登录
                    </el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="3">
                    <template #title>
                        <el-icon>
                            <i class="fa fa-credit-card" aria-hidden="true"></i>
                        </el-icon>
                        <span>信用卡管理</span>
                    </template>
                    <el-menu-item index="addCreditCard"
                                  onClick="location.assign('${pageContext.request.contextPath}/center/?index=addCreditCard')">
                        添加信用卡
                    </el-menu-item>
                    <el-menu-item index="manageCreditCard"
                                  onClick="location.assign('${pageContext.request.contextPath}/center/?index=manageCreditCard')">
                        信用卡管理
                    </el-menu-item>
                </el-sub-menu>
            </el-menu>
        </el-card>
    </el-scrollbar>
</el-drawer>
